<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
  <title>Google Maps JavaScript API Example: Simple Map</title>
  <script type="text/javascript"
          src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA">
  </script>
  <script type="text/javascript" src="opt/geo-polygon-utils.js"></script>
  <script type="text/javascript" src="demo/demo-on-map.js"></script>
  <style>
  html {
    font-family: Verdana;
  }
  #warning {
    width: 80%;
    margin: 10px auto;
    padding: 5px;
    background-color: #ddd;
    text-align: center;
    font-weight: bold;
    color: #d00;
    display: none;
  }

  #map_canvas {
    cursor: default;
    width: 800px;
    height: 400px;
    border: 1px solid blue;
  }

  #controls {
    visibility: hidden;
  }

  #converter {
    border: 1px solid blue;
    float: right;
    padding: 10px;
  }
  #converter label {
    font-size: 10px;
  }
  #converter input {
    width: 200px;
  }
  </style>
</head>
<body onload="initialize()" onunload="GUnload()">
  <div id="controls">
    <button id="simplify">Simplify</button>
    <button id="correct">Correct</button>
  </div>
  <button id="edit">Edit</button>

  <div id="warning">Your browser is not compatible with Google Maps API</div>
  <div id="converter">
    <label for="latlng">Latitude/Longitude:</label><br>
    <input type="text" id="latlng" value="n/a" /><br>
    <label for="mercator">Mercator:</label><br>
    <input type="text" id="mercator" value="n/a" />
  </div>
  <div id="map_canvas"></div>
</body>
</html>
